import { useEffect } from 'react';
import Head from 'next/head';
import { message } from 'antd';
import 'antd/dist/antd.css';
import '../styles/globals.css';

function MyApp({ Component, pageProps }) {
  useEffect(() => {
    // 配置全局消息提示
    message.config({
      top: 60,
      duration: 2,
      maxCount: 3,
    });
  }, []);

  return (
    <>
      <Head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="在线工具平台，提供文件压缩、图片处理等多种在线工具" />
        <meta name="keywords" content="在线工具,文件压缩,图片压缩,图片裁剪,图片格式转换,OCR" />
        <title>在线工具平台</title>
      </Head>
      <Component {...pageProps} />
    </>
  );
}

export default MyApp; 